<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>用户中心</title>
	<!-- 公共的js文件 -->
	<script src="../public/js/flexible.js"></script>
	<link href="../public/images/mlogo.ico" rel="shortcut icon">
	<link rel="stylesheet" href="../public/css/reset.css">
	<link rel="stylesheet" href="../public/css/common.css">
	<link rel="stylesheet" href="../public/css/user/user.css">
</head>
<body>
	<!-- 绝对定位 -->
	<!-- 顶部（公共的部分） -->
	<header class="head clearfix">
		<!-- logo -->
		<div class="head-logo">
			<a href="index.html" class="logo">
				<img src="../public/images/logo.png" alt="题海">
			</a>
		</div>
		<!-- 搜索栏 -->
		<div class="head-title">
			<p>个人中心</p>
		</div>
	</header>
	<!-- 主体，放网页的主要内容 -->
	<div class="content">
		<!-- 用户信息 -->
		<div class="user-info clearfix">
			<!-- 用户头像 -->
			<div class="info-img">
				<img src="../public/images/user_picture/nan.jpg" alt="用户头像">
			</div>
			<div class="info-name">
				<h2 class="username">用户名</h2>
			</div>
		</div>
		<!-- 导航栏 -->
		<div class="nav">
			<ul class="nav-ul">
				<li class="ul-item"><a href=""><i class="icon enshrine"></i>我的收藏</a></li>
				<li class="ul-item"><a href=""><i class="icon issue"></i>我的提问</a></li>
				<li class="ul-item"><a href=""><i class="icon note"></i>我的笔记</a></li>
			</ul>
		</div>
		<!-- 退出登录 -->
		<div class="logout">
			<a class="btn-logout" href="">退出登录</a>
		</div>
	</div>
	<!-- 绝对定位 -->
	<!-- 底部导航栏，模拟华为手机按钮（公共的部分） -->
	<footer class="foot">
		<nav class="foot-nav">
			<ul class="clearfix">
				<li class="foot-nav-list">
					<a href="../index.html">
						<i class="icon home"></i>
						<span>首页</span>
					</a>
				</li>
				<li class="foot-nav-list">
					<a href="../note/note.html">
						<i class="icon note"></i>
						<span>笔记</span>
					</a>
				</li>
				<li class="foot-nav-list">
					<a href="../issue/issue.html">
						<i class="icon issue"></i>
						<span>问答</span>
					</a>
				</li>
				<li class="foot-nav-list">
					<a href="../exercises/exercises.html">
						<i class="icon exercises"></i>
						<span>习题</span>
					</a>
				</li>
				<li class="foot-nav-list">
					<a class="active" href="user.html">
						<i class="icon myuser2"></i>
						<span>我的</span>
					</a>
				</li>
			</ul>
		</nav>
	</footer>
</body>
</html>